﻿@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url("/Content/fonts/Lato.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url("/Content/fonts/Latoe.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
* {margin:0;padding:0;box-sizing:border-box}
/*scrollbar*/
::-webkit-scrollbar { width: 4px;height:4px}
::-webkit-scrollbar:hover {width: 6px}
::-webkit-scrollbar-track { background-color: #eaeaea; border-left: none }
::-webkit-scrollbar-thumb { background-color: #009688;border-radius:10px}
::-webkit-scrollbar-thumb:hover { background-color: #0d7d5b}
body,html,h1,h2,h3,h4,h5,h6 {font-family: Lato, sans-serif}
/*adminmtp*/
.admin-main-menu {width: 60px; z-index: 5; transition: ease-in-out 0s}
.admin-main-menu-opened {width: 280px !important}
@media (max-width:600px){.admin-main-menu-opened {width: 100% !important}}
.admin-main-menu ul {margin-bottom:0;list-style:none}
.admin-main-menu .admin-user-option, .admin-main-menu .admin-menu {padding-left:0}
.admin-main-menu .main-menu-icon, .drop-down-sign {width:30px; text-align:center}
@media (max-width:600px){.admin-menu-header-text {font-size: 14px}}
.mp-close-menu-item { display:none}
a.user-item { padding: 5px;transition: all 0.5s}
a.user-item:hover .mp-staff-img {box-shadow:0 6px 10px 0 rgba(0,0,0,0.2),0 4px 12px 0 rgba(0,0,0,0.19)}
.mp-staff-img {width: 40px; height: 40px; margin-bottom: 6px; transition: all 0.2s}
.mp-user-name {display:none;cursor:pointer}
.menu-tittle { display:none}
.drop-down-sign {display:none;padding: 5px; transition: all 0.5s}
.collapse-drop-down-sign {transition: all 0.5s}
.cong-quay {-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg)}
.muiten-quay {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg)}
.admin-menu {}
.admin-menu li a, .mp-open-menu-item a, .mp-close-menu-item a {padding: 5px 7px}
.admin-sub-menu {display:none;padding-left:19.5px;list-style:none;background:#016c62;color:white}
.admin-sub-menu li {border-left: 2px solid #efefef}
.admin-sub-menu li a { padding: 3px 4px}
/*adminmtp*/
.admin-main-content { margin-left: 58px}
.admin-header-title {padding: 5px 0}
.access-deny {position: fixed; right: 25px; bottom: 20%; display: none; z-index: 10;padding: 20px; opacity: 0.9}
.admp-notification-sign {padding: 2px 3px;border-radius: 3px;margin-top:-5px;margin-right:2px}

.class-editor { padding: 4px 4px;color: black;border:none;outline:none}